{template /common/header}
<div class="app_paddingTop"></div>
<div class="app_allGoodsList"> <span>商品分类</span>
  <div>
    <div class="posa sslcList1"> <span class="sslFirstLi">
      <?php if($name==""){?>
      选择分类
      <?php }else{?>
      {$name}
      <?php }?>
      </span>
      <ul>
        {hd:category action="lists" num="15" order="sort ASC, id ASC"}
        {loop $data $cat}
        <li> <a href="{U('Goods/Index/lists', array('id'=> $cat['id']))}" <?php if($_GET["id"]==$cat["id"]){?>  style="color:#666" <?php }?>>{$cat[name]}</a> </li>
        {/loop}
        {/hd}
      </ul>
    </div>
  </div>
</div>
<div class="app_qbsjRight">
  <ul id="ajax_list">
    {hd:goods action="lists" catid="$id" brand_id="$brand_id" price="$price" goods_ids="$_goods_ids" num="16" where="$_where" page="$page" order="$_order"} 
    {loop $data $r}
    <li> <a href="{U('Goods/Index/detail', array('id'=> $r[id]))}"> {if empty($r[small_pics]) && empty($r[list_img])} <img src="{THEME_PATH}images/nopic.jpg"> {elseif empty($r[small_pics])}
      <?php $list_img = str2arr($r['list_img']);?>
      <img src="{$list_img[0]}"> {else}
      <?php $small_pics = str2arr($r[small_pics]);?>
      <img src="{$small_pics[0]}"> {/if} <span>{$r[name]}</span>
      <p> <span>￥{$r[shop_price]}</span> </p>
      </a> </li>
    {/loop}
    {/hd}
  </ul>
</div>
<div class="pagefooter pageactivity" style="display:none">
  <div class="pagefooter-01 fr"  style="display:none">>{$pages}</div>
</div>
</div>
<script type="text/javascript">
$(function()
{
  $(".app_qbspLeft > ul > li").click(function()
  {
    $(".app_qbspLeft > ul > li").css({backgroundColor:"#efefef" , borderColor:"#efefef"});
    $(this).css({backgroundColor:"#fff" , borderColor:"#ff8b86"});
  });
  
});
var stop=true;//触发开关，防止多次调用事件
var next=$(".current").parent().next().find("a").attr("href");
  next=next.substring(0,next.length-1);
var page=$(".current").parent().next().find("a").text();
    page=parseInt(page);
var allpage_str=$(".pagination li:last").find("a").text();
var allpage_b=allpage_str.split('/');
  allpage_b=allpage_b[1];
var all_page=allpage_b.substring(0,allpage_b.length-2);
  all_page=parseInt(all_page);
$(window).scroll(function() {  
  //当内容滚动到底部时加载新的内容 100当距离最底部100个像素时开始加载.
  if ($(this).scrollTop() + $(window).height() + 100 >= $(document).height() && $(this).scrollTop() > 100) {  
    if(stop==true){
       stop=false;
       if(page>all_page){
        alert("已经到最后一页啦");   
        return false;
       }
       if(isNaN(page)){
                alert("已经到最后一页啦");   
                return false;
             }
        page=page+1; 
       //加载提示信息
       $.get(next+(page-1),function(data){
         $("#ajax_list").append(data);//把新的内容加载到内容的后面
         stop=true;
        
       })
     }
  }  
}); 
</script> 
<script type="text/javascript">
var cityList=document.getElementsByClassName("sslcList1").item(0);
var cityLi=cityList.getElementsByTagName("li");
function ckSelect()//点击ul和li标签模拟select下拉菜单
{
	cityList.onclick=function()//下拉菜单的父对象点击事件
	{
		var twoLi=cityList.getElementsByTagName("li").item(0).style.display;//获得第二个li标签的display的属性值，判断twoLi的值，来可见或不可见除了第一li标签之外的li标签，twoLi为block时，可见，否则不可见
		if(twoLi=="")
		{
			cityList.getElementsByTagName("ul").item(0).style.height=225+"px";
			cityList.getElementsByTagName("ul").item(0).style.overflowY="auto";
			for(var i=0;i<cityLi.length;i++)
			{
				cityLi.item(i).style.display="block";
			}
		}
		else if(twoLi=="none")
		{
			cityList.getElementsByTagName("ul").item(0).style.height=225+"px";
			cityList.getElementsByTagName("ul").item(0).style.overflowY="auto";
			for(var i=0;i<cityLi.length;i++)
			{
				cityLi.item(i).style.display="block";
			}
		}
		else
		{
			for(var i=0;i<cityLi.length;i++)
			{
				cityLi.item(i).style.display="none";
			}
			cityList.style.height="100%";
		}
	}
	for(var i=0;i<cityLi.length;i++)//遍历cityList下的所有的li标签
	{
		cityLi.item(i).index=i;//给所有的li标签加索引
		cityLi.item(i).onclick=function(e)//给所有的li标签添加click事件
		{
			cityList.getElementsByTagName("span").item(0).innerHTML=this.innerHTML;//把当前点击li标签的内容赋值给第一个li标签
			for(var j=0;j<cityLi.length;j++)//除了第一个Li标签外，其他的li标签的display设置为none
			{
				cityLi.item(j).style.display="none";
			}
			e.stopPropagation();//阻止事件冒泡，防止与父元素的click事件冲突
		}
	}		
}
ckSelect();//执行方法
document.body.onclick=function(e)//当鼠标点击其他地方时，cityList下的li标签不可见，第一个li除外
{
	if(e.target.className=="sslFirstLi")//如果点击的标签的className为sslFirstLi，什么都不做
	{
		return;
	}
	else//否则cityList下的li标签不可见，第一个li除外
	{
		for(var i=0;i<cityLi.length;i++)
		{
			cityLi.item(i).style.display="none";
		}
		cityList.style.height="25px";
	}
}
</script> 
{template /common/footer} 